<template>
	<div class="browse">
		<div class="browse_top">
			<Button :size="buttonSize" icon="ios-download-outline" type="primary">Download</Button>
			<Button :size="buttonSize" icon="ios-download-outline" type="primary">Download</Button>
		</div>
		<div class="browse_text">
			<!--头像部分-->
			<div class="browse_res">
				<div class="myself_info">
					<div class="myself_info_img">
						<img src="../../../static/img/res_img/123.gif">
					</div>
					<div class="myself_info_right">
						<div class="myself_info_name">
							<span class="name_myself" >{{myname}}</span>
						</div>
						<div class="myself_info_company">
							{{mypostion}} - {{mycompany}}
						</div>
						<div class="myself_info_adress">
							{{mycity}}|  {{myindustry}} |  {{mypostion}} |  {{myworktime}}年
						</div>
					</div>
				</div>
			</div>
			<!--基本资料-->
			<div class="browse_data">
				<div class="basic_data_jb">
					<img src="../../../static/img/res_img/jbzl.png" class="basic_data_img"/>
					<span class="span1">基本资料</span>
			    </div>
				<div  class="basic_data_il">
					<ul  class="basic_data_ul">
						<li><span class="li_span">出生日期：</span><span>1993.01.01</span></li>
						<li><span class="li_span">手机：</span><span>13437114687</span></li>
						<li><span class="li_span">邮箱：</span><span>1370658270</span></li>
						<li><span class="li_span">国籍：</span><span>中国</span></li>
						<li><span class="li_span">状态：</span><span>离职，正在找工作</span></li>
					</ul>
				</div>
			</div>
			<!--职业生涯-->
			<div class="browse_career">
				<div class="basic_data_jb">
					<img src="../../../static/img/res_img/jbzl.png" class="basic_data_img"/>
					<span class="span1">职业意向</span>
				</div>
				<div class="career_intention_p">
					<ul class="career_intention_ul">
						<li>
							<span class="li_span">期望行业：</span>
							<span >互联网/移动互联网/电子商务</span>
						</li>
						<li>
							<span class="li_span">期望职能：</span>
							<span>WEB前端开发工程师</span>
						</li>
						<li>
							<span class="li_span">期望地点：</span>
							<span>深圳</span>
						</li>
						<li>
							<span class="li_span">期望年薪：</span>
							<span>7.80 万</span>
						</li>
						<li>
							<span class="li_span">目前年薪：</span>
							<span>5.40 万</span>
						</li>
					</ul>
				</div>
			</div>
			<!--工作经历-->
			<div class="browse_work">
				
			</div>
			<!--教育经历-->
			<div class="browse_edu">
				<div class="basic_data_jb" style="margin-bottom: 20px;">
					<img src="../../../static/img/res_img/jbzl.png" class="basic_data_img"/>
					<span class="span1">教育经历</span>
					<span class="bitian">(必填)</span>
				</div>
				
				<div id="education_info">
					<div class="education_info">
						<div  class="education_left">
						</div>
						<div  class="education_right">
							<div class="education_right_school">华中农业大学楚天学院（2012/09–2016/07）</div>
							<div class="education_right_res">本科 | 计算机软件</div>
							<div class="education_right_yes">统招</div>
						</div>
					</div>
				</div>
			</div>
			<!--语言能力-->
			<div class="browse_lang">
				<div class="basic_data_jb" style="margin-bottom: 20px;">
					<img src="../../../static/img/res_img/jbzl.png" class="basic_data_img"/>
					<span class="span1">语言能力</span>
				</div>
				<div>
					语言能力 ：<span>英语</span>
				</div>
			</div>
			<!--项目经验-->
			<div class="browse_project">
				<div class="basic_data_jb" style="margin-bottom: 20px;">
					<img src="/../../../static/img/res_img/jbzl.png" class="basic_data_img"/>
					<span class="span1">项目经验</span>
				</div>
				<div class="project_other">
					<p>项目经验是用人单位衡量人才能力的重要指标哦！</p>
					<p>来说说令你难忘的项目经历吧！</p>
				</div>
				<div id="project_info">
					<div class="project_info">
						<div class="education_right_res">
							项目业绩:<span>我</span>
						</div>
						<div class="education_right_res">
							项目职位:<span>我</span>
						</div>
						<div class="education_right_res">
							所在公司:<span>我</span>
						</div>
						<div class="education_right_res">
							项目描述:<span>我</span>
						</div>
						<div class="education_right_res">
							项目职责:<span>我</span>
						</div>
						<div class="education_right_res">
							项目业绩:<span>我</span>
						</div>
					</div>
				</div>
			</div>
			<!--附加信息-->
			<div class="browse_add">
				<div class="basic_data_jb" style="margin-bottom: 20px;">
					<img src="../../../static/img/res_img/jbzl.png" class="basic_data_img"/>
					<span class="span1">附加信息</span>
				</div>
				<div class="additional_other">
					sjksjo
				</div>
			</div>
		</div>
	</div>
</template>
<style>
	.browse_add,.browse_project,.browse_lang,.browse_edu,.browse_career,.browse_data,.browse_res{
		border-bottom:1px dashed #999999 ;
		padding: 30px 40px;
	}
	.browse_data{
		height: 210px;
	}
	.span1{
		font-size: 17px;
		font-weight: 700;
	}
	.browse{
		width: 1000px;
		position: relative;
	    left: 50%;
	    margin-left: -500px;
	    border: 1px solid #CCCCCC;
	    height: 1900px;
	    margin-bottom: 100px;
	}
	.browse_top{
		width: 1000px;
		height: 80px;
        background: #ddd;	
     }
	.browse_text{
		border-bottom: 1px solid;
	}
	.card_jianli{
		padding-top: 5px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.myself_info_img{
		display: inline-block;
		width: 18%;
	}
	.myself_info_right{
		display: inline-block;
		width:81% ;
		height: 100px;
	    position: relative;
	    top: -25px;
	}
	.basic_data_img{
		width: 40px;
		position: relative;
		top: 13px;
	}
	.name_myself{
		font-size: 26px;
	}
	.myself_info_company{
		position: relative;
    	bottom: -15px;
	}
	.myself_info_adress{
		font-size: 12px;
		color: #999999;
		position: relative;
   		bottom: -20px;
	}
	.basic_data_il{
		padding: 0 20px;
	}
	.basic_data_ul{
		list-style: none;
	}
	.basic_data_ul>li{
		float: left;
		width: 50%;
		margin-top: 10px;
	}
	.career_intention{
		border-bottom: 1px dashed;
		padding-bottom: 20px;
	}
	.career_intention_ul{
		list-style: none;
		padding: 0px 20px;
	}
	.career_intention_ul>li{
		margin-top: 15px;
	}
</style>	
<script>
	export default {
    	name: 'browse',
        data () {
            return {
	               myname:"6",
	               mypostion:"6",
	               mycompany:"5",
	               mycity:"5",
	               myindustry:"5",
	               myworktime:"5"
            }
        },
        methods:{
		}
    }
</script>

	
